import { useEffect } from 'react';

/**
 * 自定义钩子，共享地图视野
 * @param {*} map
 * @param {*} viewport
 */
function useViewport(map, viewport) {
    useEffect(() => {
        if (!map) {
            return;
        }

        const zoom = viewport.get('zoom');
        const centerList = viewport.get('center');
        const lng = centerList.get(1);
        const lat = centerList.get(0);
        // console.log(zoom, lng, lat);

        map.setView([lat, lng], zoom);
        // if (lat && lng) {
        //     map.flyTo([lat, lng], zoom);
        // }
    }, [map, viewport]);
}

export default useViewport;
